<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/label_zone.css" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
	</head>
	<script type="text/javascript" src="layui/layui.js"></script>
	<script type="text/javascript" src="js/jquery-3.5.1.js"></script>
	<script>
		layui.use('carousel', function() {
			var carousel = layui.carousel;
			//建造实例
			carousel.render({
				elem: '#test1',
				width: '100%', //设置容器宽度
				heigth: '560px',
				autoplay: false, //是否自动切换
				// interval: '1500',//自动切换时间
				// arrow: 'none', //始终显示箭头
				indicator: 'none' //指示器位置
			});
		});
		function myopen() {
			layui.use('layer', function(){
			  var layer = layui.layer;
			  
			  layer.msg('暂无视频');
			});   
		}
	</script>
	<body>
		<div class="home-page">
			<!-- 轮播图 -->
			<div class="layui-carousel" id="test1">
				<div carousel-item>
					<div class="carousel-item-img"><img src="./img/swiper.jpg" alt="我是轮播图"></div>
					<div class="carousel-item-img"><img src="./img/271200964.jpg" alt="我是轮播图"></div>
					<div class="carousel-item-img"><img src="./img/001.jpg" alt="我是轮播图"></div>
					<div>条目2</div>
				</div>
			</div>

			<!-- 厂牌专区 -->
			<div class="label-box">
				<div class="label-title">
					<div class="label-title-left">
						<div class="left-name"><i></i>厂牌专区</div>
						<div class="left-market">
							<div class="left-market-china">甄选市场畅销品牌</div>
							<div class="left-market-usb">Select the best-selling brands in the market</div>
						</div>
					</div>
					<div class="label-title-right">
						<div class="right-name"></div>
						<div class="right-market">
							<div class="right-market-china">优质医药企业</div>
							<div class="right-market-china">品质创造未来</div>
						</div>
					</div>
				</div>
				<div class="label-content">
					<div class="info-left">
						<div class="info-left-logo"></div>
						<div class="info-left-name">云南省杰华科技有限公司</div>
						<div class="info-left-text">
							<div>公司简介</div>
							<div>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx xxxxxxxxxxx</div>
						</div>
					</div>
					<div class="info-content" onclick="myopen()"><span class="layui-icon layui-icon-play"></span></div>
					<div class="info-right">
						<div class="info-right-btn">
							<button type="button">预约活动</button>
							<button type="button"><a href="label_zone_dd.html">进入专区</a></button>
						</div>
					</div>
				</div>
				<div class="label-content">
					<div class="info-left">
						<div class="info-left-logo"></div>
						<div class="info-left-name">云南省杰华科技有限公司</div>
						<div class="info-left-text">
							<div>公司简介</div>
							<div>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx xxxxxxxxxxx</div>
						</div>
					</div>
					<div class="info-content"><span class="layui-icon layui-icon-play"></span></div>
					<div class="info-right">
						<div class="info-right-btn">
							<button type="button">预约活动</button>
							<button type="button">进入专区</button>
						</div>
					</div>
				</div>
			</div>

		</div>
	</body>
</html>
